<template>
  <div>
    <el-button type="primary" @click="showMapDialog">打开地图</el-button>
    <el-dialog :visible.sync="dialogVisible" width="80%" height="80%">
      <el-container style="height: 100%;">
        <el-aside width="300px" style="background-color: rgb(238, 241, 246)">
          <el-input placeholder="请输入目标地址" v-model="endAddress"></el-input>
          <el-button type="primary" @click="planRoute">规划路线</el-button>
        </el-aside>
        <el-main style="height: 100%;">
          <div id="mapContainer"></div>
        </el-main>
      </el-container>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: 'HotelSystemIndex',

  data () {
    return {

    }
  },

  mounted () {

  },

  methods: {

  }
}
</script>

<style lang="less" scoped>

</style>
